<template>
  <div class="mylist">
  <div class="list">
      <top-list :isLeft="true" title="我的订单" name="开发票"></top-list>
  </div>
   <div class="index">
      <top-list :ArrayData=ArrayData></top-list>
      <router-view> </router-view>
  </div>
  <div class="content">

  </div>
  </div>
</template>

<script>
import TopList from '../components/TopList.vue'
export default {
 components: { TopList },
 data() {
     return {
         ArrayData:[{

              name:'全部',
              path:'/All',
          },{
              
              name:'待支付',
              path:'/Pay',
          },{
             
              name:'待配送',
              path:'/Present',
          },{
              
              name:'配送中',
              path:'/Senting',
          },
          {
              
              name:'待评价',
              path:'/Evaluate',
          }]
     }
 },
}

</script>
<style
TopList lang="scss" scoped>
/* .mylist{
    width: 100%;
    height: calc(100% - $list-height);
} */
.index{
    margin-top: -20px;
}
.current-router{
      color:$starbucks-color;
}
</style>